// import presetIcons from '@unocss/preset-icons';
import { defineConfig, presetIcons } from 'unocss';
import { presetWeapp } from 'unocss-preset-weapp';
import { transformerClass } from 'unocss-preset-weapp/transformer';

export default defineConfig({
    content: {
        pipeline: {
            exclude: ['node_modules', 'dist', '.git', '.husky', '.vscode', 'public', 'build', 'mock', './stats.html']
        }
    },
    presets: [
        // h5兼容
        presetWeapp({
            isH5: process.env.TARO_ENV === 'h5',
            platform: 'taro',
            designWidth: 750,
            deviceRatio: {
                640: 2.34 / 2,
                750: 1,
                828: 1.81 / 2,
                375: 2 / 1
            },
            taroWebpack: 'webpack5'
        }) as any,
        presetIcons({
            scale: 1,
            warn: false,
            prefix: 'i-',
            extraProperties: {
                display: 'inline-block'
            },
            collections: {}
        })
    ],
    shortcuts: {
        'wh-full': 'w-full h-full',
        'flex-center': 'flex justify-center items-center',
        'flex-col-center': 'flex-center flex-col',
        'flex-x-center': 'flex justify-center',
        'flex-y-center': 'flex items-center',
        'i-flex-center': 'inline-flex justify-center items-center',
        'i-flex-x-center': 'inline-flex justify-center',
        'i-flex-y-center': 'inline-flex items-center',
        'b-flex-col': 'flex flex-col',
        'flex-col-stretch': 'b-flex-col items-stretch',
        'i-flex-col': 'inline-flex flex-col',
        'i-flex-col-stretch': 'i-flex-col items-stretch',
        'flex-1-hidden': 'flex-1 overflow-hidden',
        'absolute-lt': 'absolute left-0 top-0',
        'absolute-lb': 'absolute left-0 bottom-0',
        'absolute-rt': 'absolute right-0 top-0',
        'absolute-rb': 'absolute right-0 bottom-0',
        'absolute-tl': 'absolute-lt',
        'absolute-tr': 'absolute-rt',
        'absolute-bl': 'absolute-lb',
        'absolute-br': 'absolute-rb',
        'absolute-center': 'absolute-lt flex-center wh-full',
        'fixed-lt': 'fixed left-0 top-0',
        'fixed-lb': 'fixed left-0 bottom-0',
        'fixed-rt': 'fixed right-0 top-0',
        'fixed-rb': 'fixed right-0 bottom-0',
        'fixed-tl': 'fixed-lt',
        'fixed-tr': 'fixed-rt',
        'fixed-bl': 'fixed-lb',
        'fixed-br': 'fixed-rb',
        'fixed-center': 'fixed left-0 top-0 flex-center wh-full',
        'nowrap-hidden': 'whitespace-nowrap overflow-hidden',
        'ellipsis-text': 'nowrap-hidden text-ellipsis',
        'transition-base': 'transition-all duration-300 ease-in-out',
        gray: 'color-#606266',
        red: 'color-#F65150',
        bg: 'bg-#F4F5F9',
        orange: 'color-#FF8E36',
        'bg-orange': 'bg-#FF8E36',
        'bg-ffffff': 'bg-#FFFFFF',
        'bg-blue': 'bg-#7670FA',
        'my-title': 'w-full h-40px flex-y-center bg-#F4F5F9 text-13px px-15px',
        'text-blue': 'text-#3975c6',
        // 实线边框
        'bd-t-solid-1px': 'b-t-1px b-t-color-#eee b-t-style-solid',
        'bd-t-dashed-1px': 'b-t-1px b-t-color-#eee b-t-style-dashed',
        'bd-b-solid-1px': 'b-b-1px b-b-color-#eee b-b-style-solid',
        'bd-b-dashed-1px': 'b-b-1px b-b-color-#eee b-b-style-dashed',
        'b-title': 'font-size-32px font-900 c-[--gray-color-12] blod-title',
        'alert-box-info':
            'flex items-start py-20px px-[var(--nutui-cell-padding)] rd-12px b-solid b-1px  b-color-[--blue-color-2] bg-[--blue-color-1]',
        'alert-box-warning':
            'flex items-start py-20px px-[var(--nutui-cell-padding)] rd-12px b-solid b-1px bg-#FFF7E8 b-color-#FFE4BA'
    },
    theme: {
        colors: {
            primary: '#fe9d48'
        }
    },
    transformers: [transformerClass() as any]
});